<!--<!DOCTYPE html>-->
<!--<html lang="en">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <title>登录页</title>-->
<!--</head>-->
<!--<body>-->
<!--<body>-->
<!--<h1>登录</h1>-->
<!--    <form action="/userLogin/" method="post">-->
<!--        {% csrf_token %}-->
<!--        <div><input name="user_name" type="text" placeholder="账户名" required></div>-->
<!--        <div><input name="password" type="password" placeholder="密码" required></div>-->
<!--        <div><button>登录</button></div>-->
<!--    </form>-->
<!--</body>-->

<!--</body>-->
<!--</html>-->

<!--<!DOCTYPE html>-->
<!--<html lang="en">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">-->
<!--    <meta name="referrer" content="no-referrer" />-->
<!--    <title>注册页</title>-->
<!--    &lt;!&ndash; Bootstrap CSS &ndash;&gt;-->
<!--    <link href="/static/css/login.css" type="text/css" rel="stylesheet">-->
<!--    <style>-->
<!--        .bg{-->
<!--            width:100%;-->
<!--            height:90%;-->
<!--            display: flex;-->
<!--            justify-content: center;-->
<!--            align-items: center;-->
<!--            flex-direction: column;-->
<!--        }-->
<!--        .card{-->
<!--            width:400px;-->
<!--            height:400px;-->
<!--            background: #00e6ff;-->
<!--        }-->
<!--    </style>-->
<!--</head>-->
<!--<body>-->
<!--<div class="bg">-->
<!--    <div class="card">-->
<!--        <h1>注册</h1>-->

<!--    </div>-->
<!--</div>-->
<!--</body>-->
<!--</html>-->

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="referrer" content="no-referrer" />
    <title>登录页</title>
    <!-- Bootstrap CSS -->
    <link href="/static/css/login.css" type="text/css" rel="stylesheet">
  <style>
      .register{
          width:100%;
          height:90%;
          display: flex;
          justify-content: center;
          align-items: center;
      }
    .login_box {
      width: 20%;
      height: 300px;
      background-color: #00000060;
      margin: auto;
      text-align: center;
      border-radius: 10px;
      padding: 50px 50px;
    }
    h2 {
      color: #ffffff90;
      margin-top: 5%;
    }

    span {
      color: #fff;
    }
    input {
      border: 0;
      width: 60%;
      font-size: 15px;
      color: #fff;
      background: transparent;
      border-bottom: 2px solid #fff;
      padding: 5px 10px;
      outline: none;
      margin-top: 10px;
    }
    button {
      margin-top: 50px;
      width: 60%;
      height: 30px;
      border-radius: 10px;
      border: 0;
      color: #fff;
      text-align: center;
      line-height: 30px;
      font-size: 15px;
      background-image: linear-gradient(to right, #30cfd0, #330867);
        cursor: pointer;
    }
    #sign_up {
      margin-top: 45%;
      margin-left: 60%;
    }
    a {
      color: #b94648;
    }
  </style>
</head>

<body>
<div class="register">
    <div class="login_box">
        <h2>登录</h2>
        <form action="/userLogin/" method="post">
          {% csrf_token %}
          <div><input name="user_name" type="text" placeholder="账户名" required></div>
          <div><input name="password" type="password" placeholder="密码" required></div>
          <div><button>登录</button></div>
        </form>
        <div style="margin-top:20px;color:white">
             <a href="{% url 'regist' %}" style="margin-top:20px;color:white">去注册</a>
        </div>
    </div>
</div>

</body>
</html>

